import { defineStore } from "pinia";
import { type News } from "@/components/News.vue";

// export const useNewsStore = defineStore('news', {
//     //方法
//     actions: {
//         add(value: News) {
//             this.newsList.push(value)
//         }
//     },
//     //正真存放数据的地方
//     state() {
//         return {
//             newsList: JSON.parse(localStorage.getItem('newsList') as string) ||
//                 [
//                     {
//                         id: 1,
//                         title: '一只狗',
//                         content: '漂亮小狗狗'
//                     },
//                     {
//                         id: 2,
//                         title: '一只猫',
//                         content: '漂亮小猫猫'
//                     }
//                 ]
//         }
//     }
// })


/*
store的组合式写法
*/
import { ref } from "vue";
export const useNewsStore = defineStore('news', () => {
    let newsList = ref(JSON.parse(localStorage.getItem('newsList') as string) ||
        [
            {
                id: 1,
                title: '一只狗',
                content: '漂亮小狗狗'
            },
            {
                id: 2,
                title: '一只猫',
                content: '漂亮小猫猫'
            }
        ])
    function add(value: News) {
        newsList.value.push(value)
    }

    return { newsList, add }

})